<template>
    <div class="page panel">
        <div class="panel-header">
            <span class="panel-header_title marginL10">组件列表</span>
        </div>
        <div class="panel-group">
            <y-select :options="dbTypeOtions" v-model="dbTypeDefaultVal"></y-select>
        </div>
        <y-tabs>
            <y-tab-panel :iconClass="item.iconClass" :name="item.groupName" v-for="(item,index) in groupComponentList" :key="index">
                <y-collapse>
                    <y-collapse-item  :iconClass="group.iconClass" :name="group.title" v-for="(group,gIndex) in item.children" :key="gIndex">
                        <div class="panel-controls_wrap">
                            <div class="panel-controls_item" v-for="(component,cIndex) in group.components" :key="cIndex">
                                <div class="panel-controls_title">{{component.title}}</div>
                                <img class="panel-controls_img" src="./control.jpg" draggable="true" @dragstart="onDrag" :data-title="component.title" @click="onAddComponent"/>
                            </div>
                        </div>
                    </y-collapse-item>
                </y-collapse>
            </y-tab-panel>
        </y-tabs>
        <div>
            <y-input v-model="searchVal" placeholder="搜索" suffix-icon="el-icon-search"></y-input>
        </div>
    </div>
</template>

<script>
import { createUUID } from '@/common/js/mUtils'
export default {
    name: 'ComponentPanel',
    data(){
       return {
            dbTypeOtions: [{
                value: '全部',
                label: '全部'
            }],
            dbTypeDefaultVal: '全部',
            searchVal:"",
            groupComponentList: []
       } 
    },
    mounted(){
       this.groupComponentList = [{ "_id" : { "$oid" : "5e6748f525e9792d08973d2c" }, "groupName" : "表单", "iconClass" : "el-icon-suitcase", "children" : [ { "title" : "文本", "iconClass" : "el-icon-edit", "components" : [ { "title" : "单行文本", "icon" : "http://localhost:4000/upload_static/images/1584761370435.png" }, { "title" : "多行文本", "icon" : "http://localhost:4000/upload_static/images/1584761370435.png" }, { "title" : "跑马灯", "icon" : "http://localhost:4000/upload_static/images/1584761370435.png" } ] }, { "title" : "图片", "iconClass" : "el-icon-picture", "components" : [ { "title" : "单张图片", "icon" : "http://localhost:4000/upload_static/images/1585282743979.png" }, { "title" : "滚动图片", "icon" : "http://localhost:4000/upload_static/images/1585282743979.png" } ] }, { "title" : "表格", "iconClass" : "el-icon-document", "components" : [ { "title" : "基本表格", "icon" : "http://localhost:4000/upload_static/images/1585378199603.png" }, { "title" : "滚动表格", "icon" : "http://localhost:4000/upload_static/images/1585279290357.png" } ] }, { "title" : "查询", "iconClass" : "el-icon-search", "components" : [ { "title" : "文本框", "icon" : "http://localhost:4000/upload_static/images/1585378199588.png" }, { "title" : "日期选择框", "icon" : "http://localhost:4000/upload_static/images/1585378199608.png" }, { "title" : "下拉框", "icon" : "http://localhost:4000/upload_static/images/1585378199583.png" }, { "title" : "按钮", "icon" : "http://localhost:4000/upload_static/images/1585378270666.png" } ] }, { "title" : "导航", "iconClass" : "el-icon-menu", "components" : [ { "title" : "面包屑", "icon" : "http://localhost:4000/upload_static/images/1585378199580.png" } ] } ], "__v" : 0 }
,{ "_id" : { "$oid" : "5e67522025d0372650eee607" }, "groupName" : "图表", "iconClass" : "el-icon-pie-chart", "children" : [ { "title" : "直方图", "iconClass" : "el-icon-s-data", "components" : [ { "title" : "折线图", "icon" : "http://localhost:4000/upload_static/images/1585497061861.png" }, { "title" : "柱状图", "icon" : "http://localhost:4000/upload_static/images/1585497061867.png" } ] }, { "title" : "饼图", "iconClass" : "el-icon-pie-chart", "components" : [ { "title" : "基本饼图", "icon" : "http://localhost:4000/upload_static/images/1585496908885.png" } ] }, { "title" : "地图", "iconClass" : "el-icon-map-location", "components" : [ { "title" : "中国地图", "icon" : "http://localhost:4000/upload_static/images/1584761383049.png" } ] } ], "__v" : 0 }
,{ "_id" : { "$oid" : "5e75693df5a6ea46acd55a8b" }, "groupName" : "装饰", "iconClass" : "el-icon-house", "children" : [ { "title" : "边框", "iconClass" : "el-icon-full-screen", "components" : [ { "title" : "矩形边框", "icon" : "http://localhost:4000/upload_static/images/1584761376709.png" } ] } ], "__v" : 0 }
,{ "_id" : { "$oid" : "5e7ed5bd54f5ca18159f3de6" }, "groupName" : "NO", "iconClass" : "el-icon-house","title" : "下拉框", "icon" : "http://localhost:4000/upload_static/images/1585279290357.png" }]
        this.initData()
    },
    methods:{
        initData(){
            this.$axios.get('/groupcomponent/all')
            .then((res) => {
                if(res.code === 200){
                    this.groupComponentList = res.body
                }
            })
            .catch(e => {
                console.warn(e.message)
            })
        },
        onDrag(e){
            let title = e.currentTarget.dataset.title
            e.dataTransfer.setData("title", title)
        },
        onAddComponent(e){
            let title = e.currentTarget.dataset.title
            let Arr = [
                 { 
                    "_id" : { "$oid" : "5e6aecdfcf6491174cb52392" }, 
                    "name" : "单行文本", 
                    "elName" : "c-text", 
                    "props" : [ 
                        { 
                            "info" : { 
                                "title" : "第一页", 
                                "iconClass" : "el-icon-s-operation" 
                                }, 
                            "fields" : [ 
                                { 
                                    "title" : "图表尺寸", 
                                    "name" : "width_height", 
                                    "description" : "图表宽度",
                                    "type" : "group", 
                                    "align" : "leftToRight", 
                                    "showTitle" : true, 
                                    "staticTitle" : false, 
                                    "value" : [ 
                                        { 
                                            "title" : "图表宽度", 
                                            "name" : "chartWidth", 
                                            "description" : "图表宽度",
                                             "type" : "y-input-number", 
                                             "align" : "leftToRight", 
                                             "showTitle" : false, 
                                             "value" : { 
                                                 "value" : 100, 
                                                 "min" : 0, 
                                                 "max" : 10000 
                                                 } 
                                        }, { 
                                            "title" : "图表高度", 
                                            "name" : "chartHeight", 
                                            "description" : "图表高度",
                                             "type" : "y-input-number",
                                              "align" : "leftToRight", 
                                              "showTitle" : false, 
                                              "value" : { 
                                                  "value" : 30, 
                                                  "min" : 0, 
                                                  "max" : 10000 
                                               } } 
                                    ] 
                                }, { 
                                    "title" : "图表位置", 
                                    "name" : "x_y", 
                                    "description" : "图表位置", 
                                    "type" : "group", 
                                    "align" : "leftToRight", 
                                    "showTitle" : true, 
                                    "staticTitle" : false,
                                    "height" : "auto", 
                                    "value" : [ 
                                        { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "文本内容", "name" : "content", "description" : "文本内容", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "默认内容" } }, { "title" : "文本样式", "name" : "style", "description" : "文本样式", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "行高", "name" : "lineHeight", "description" : "行高", "type" : "y-range", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : 20, "min" : 10, "max" : 100, "step" : 1 } }, { "title" : "对齐方式", "name" : "alignment", "description" : "对齐方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : "左对齐", "options" : [ { "label" : "左对齐", "value" : "左对齐" }, { "label" : "居中对齐", "value" : "居中对齐" }, { "label" : "右对齐", "value" : "右对齐" } ] } }, { "title" : "字体大小", "name" : "fontsize", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : 20, "max" : 50, "min" : 12 } }, { "title" : "字体颜色", "name" : "font-color", "description" : "字体颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : "rgb(255,255,255)" } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "单行文本", "name" : "text", "description" : "单行文本", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1 }, "model" : [ { "field" : "text", "mapping" : "", "status" : false, "description" : "文本内容" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e717672f467c83f38bb6c24" }, "name" : "多行文本", "elName" : "c-textarea", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 100, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 80, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "段落内容", "name" : "content", "description" : "段落内容", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "默认内容" } }, { "title" : "文本样式", "name" : "style", "description" : "文本样式", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "行高", "name" : "lineHeight", "description" : "行高", "type" : "y-range", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : 20, "min" : 10, "max" : 100, "step" : 1 } }, { "title" : "对齐方式", "name" : "alignment", "description" : "对齐方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : "左对齐", "options" : [ { "label" : "左对齐", "value" : "左对齐" }, { "label" : "居中对齐", "value" : "居中对齐" }, { "label" : "右对齐", "value" : "右对齐" } ] } }, { "title" : "字体大小", "name" : "fontsize", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : 20, "max" : 50, "min" : 12 } }, { "title" : "字体颜色", "name" : "font-color", "description" : "字体颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "value" : { "value" : "rgb(255,255,255)" } }, { "title" : "首行缩进", "name" : "retract", "description" : "首行缩进", "type" : "y-range", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0 } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "多行文本", "name" : "text", "description" : "多行文本", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1 }, "model" : [ { "field" : "text", "mapping" : "", "status" : false, "description" : "文本内容" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e71c95cf467c83f38bb6c25" }, "name" : "跑马灯", "elName" : "c-scroll-text", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 80, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "滚动内容", "name" : "content", "description" : "滚动内容", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "默认内容" } }, { "title" : "文本样式", "name" : "style", "description" : "文本样式", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "字体大小", "name" : "fontsize", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 20, "max" : 50, "min" : 12 } }, { "title" : "字体颜色", "name" : "font-color", "description" : "字体颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(255,255,255)" } }, { "title" : "跳转地址", "name" : "link", "description" : "跳转地址", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "", "prevIcon" : "el-icon-link", "height" : 20 } }, { "title" : "动画执行时间(秒)", "name" : "animation", "description" : "动画执行时间", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 3 } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "跑马灯", "name" : "text", "description" : "跑马", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1 }, "model" : [ { "field" : "text", "mapping" : "", "status" : false, "description" : "滚动内容" }, { "field" : "link", "mapping" : "", "status" : false, "description" : "跳转地址" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e720abef467c83f38bb6c26" }, "name" : "单张图片", "elName" : "c-image", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "背景图", "name" : "image-src", "description" : "背景图", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图片地址", "name" : "image-src", "description" : "图片地址", "type" : "y-input", "align" : "topToBottom", "showTitle" : false, "staticTitle" : false, "value" : { "value" : "http://localhost:4000/upload_static/images/1585282743979.png", "prevIcon" : "el-icon-link", "height" : 20 } }, { "title" : "选择图片", "name" : "image-src", "description" : "选择图片", "type" : "select-image", "align" : "topToBottom", "showTitle" : false, "staticTitle" : false, "value" : { "value" : "value", "valueType" : "refer" } } ], "height" : "auto" }, { "title" : "超链接", "name" : "link", "description" : "超链接", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "链接地址", "name" : "link-text", "description" : "链接地址", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "", "prevIcon" : "el-icon-link", "height" : 20 } }, { "title" : "是否打开新窗口", "name" : "link-open", "description" : "是否打开新窗口", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : true } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "单张图片", "name" : "text", "description" : "单张图片", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1 }, "model" : [ { "field" : "imageSrc", "mapping" : "", "status" : false, "description" : "图片地址" }, { "field" : "link", "mapping" : "", "status" : false, "description" : "跳转地址" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e72f902ec194a4a281f0939" }, "name" : "折线图", "elName" : "c-chartline", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "图例", "name" : "legend", "description" : "图例", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "文本颜色", "name" : "text-color", "description" : "文本颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(0,0,0)" } }, { "title" : "图例样式", "name" : "lengend-style", "description" : "图例样式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "矩形", "options" : [ { "label" : "矩形", "value" : "矩形" }, { "label" : "圆形", "value" : "圆形" }, { "label" : "三角型", "value" : "三角型" }, { "label" : "线型", "value" : "线型" }, { "label" : "连字符", "value" : "连字符" } ] } }, { "title" : "排列方式", "name" : "sort", "description" : "排列方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "水平排列", "options" : [ { "label" : "水平排列", "value" : "水平排列" }, { "label" : "垂直排列", "value" : "垂直排列" } ] } }, { "title" : "对齐方式", "name" : "align", "description" : "对齐方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "下对齐", "options" : [ { "label" : "上对齐", "value" : "上对齐" }, { "label" : "上左对齐", "value" : "上左对齐" }, { "label" : "上右对齐", "value" : "上右对齐" }, { "label" : "下对齐", "value" : "下对齐" }, { "label" : "下左对齐", "value" : "下左对齐" }, { "label" : "下右对齐", "value" : "下右对齐" }, { "label" : "左对齐", "value" : "左对齐" }, { "label" : "左上对齐", "value" : "左上对齐" }, { "label" : "左下对齐", "value" : "左下对齐" }, { "label" : "右对齐", "value" : "右对齐" }, { "label" : "右上对齐", "value" : "右上对齐" }, { "label" : "右下对齐", "value" : "右下对齐" } ] } }, { "title" : "调色板", "name" : "color-picker", "description" : "调色板", "type" : "color-edit", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : [ "#5B8FF9", "#5AD8A6", "#5D7092", "#F6BD16", "#E86452" ] } } ], "height" : "auto" }, { "title" : "x轴", "name" : "x", "description" : "x轴", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "分割线", "name" : "line", "description" : "分割线", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : false } }, { "title" : "分割线颜色", "name" : "color", "description" : "分割线颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(221,221,221)" } }, { "title" : "标签颜色", "name" : "color", "description" : "标签颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(109,109,109)" } }, { "title" : "字体大小", "name" : "font-size", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 14, "max" : 30, "min" : 10 } }, { "title" : "坐标轴颜色", "name" : "coord-color", "description" : "坐标轴颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgba(0,0,0,0)" } }, { "title" : "文本旋转角度", "name" : "rotate", "description" : "文本旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "max" : 360, "min" : 0 } }, { "title" : "文本格式化", "name" : "formart", "description" : "文本格式化", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "不处理", "options" : [ { "label" : "2010/06/06", "value" : "YYYY/MM/DD" }, { "label" : "06/06", "value" : "MM/DD" }, { "label" : "2010年06月06日", "value" : "YYYY年MM月DD日" }, { "label" : "06月06日", "value" : "MM月DD日" }, { "label" : "不处理", "value" : "不处理" } ] } }, { "title" : "显示面积", "name" : "area", "description" : "显示面积", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : false } }, { "title" : "显示顶点", "name" : "point", "description" : "显示顶点", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : false } } ] }, { "title" : "y轴", "name" : "y", "description" : "y轴", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "分割线", "name" : "split", "description" : "分割线", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : true } }, { "title" : "分割线颜色", "name" : "color", "description" : "分割线颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(221,221,221)" } }, { "title" : "标签颜色", "name" : "label-color", "description" : "标签颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(109,109,109)" } }, { "title" : "字体大小", "name" : "font-size", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 14, "max" : 30, "min" : 10 } }, { "title" : "坐标轴颜色", "name" : "coord-color", "description" : "坐标轴颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgba(0,0,0,0)" } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "折线图", "name" : "text", "description" : "折线图", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 30 }, "model" : [ { "field" : "x", "mapping" : "", "status" : false, "description" : "类目" }, { "field" : "y", "mapping" : "", "status" : false, "description" : "数值" }, { "field" : "s", "mapping" : "", "status" : false, "description" : "系列" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7454b289bbfe49a00c49f9" }, "name" : "柱状图", "elName" : "c-chartcolumnar", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "图例", "name" : "legend", "description" : "图例", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "文本颜色", "name" : "text-color", "description" : "文本颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(0,0,0)" } }, { "title" : "图例样式", "name" : "lengend-style", "description" : "图例样式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "矩形", "options" : [ { "label" : "矩形", "value" : "矩形" }, { "label" : "圆形", "value" : "圆形" }, { "label" : "三角型", "value" : "三角型" }, { "label" : "线型", "value" : "线型" }, { "label" : "连字符", "value" : "连字符" } ] } }, { "title" : "排列方式", "name" : "sort", "description" : "排列方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "水平排列", "options" : [ { "label" : "水平排列", "value" : "水平排列" }, { "label" : "垂直排列", "value" : "垂直排列" } ] } }, { "title" : "对齐方式", "name" : "align", "description" : "对齐方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "下对齐", "options" : [ { "label" : "上对齐", "value" : "上对齐" }, { "label" : "上左对齐", "value" : "上左对齐" }, { "label" : "上右对齐", "value" : "上右对齐" }, { "label" : "下对齐", "value" : "下对齐" }, { "label" : "下左对齐", "value" : "下左对齐" }, { "label" : "下右对齐", "value" : "下右对齐" }, { "label" : "左对齐", "value" : "左对齐" }, { "label" : "左上对齐", "value" : "左上对齐" }, { "label" : "左下对齐", "value" : "左下对齐" }, { "label" : "右对齐", "value" : "右对齐" }, { "label" : "右上对齐", "value" : "右上对齐" }, { "label" : "右下对齐", "value" : "右下对齐" } ] } }, { "title" : "调色板", "name" : "color-picker", "description" : "调色板", "type" : "color-edit", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : [ "#5B8FF9", "#5AD8A6", "#5D7092", "#F6BD16", "#E86452" ] } } ], "height" : "auto" }, { "title" : "x轴", "name" : "x", "description" : "x轴", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "分割线", "name" : "line", "description" : "分割线", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : false } }, { "title" : "分割线颜色", "name" : "color", "description" : "分割线颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(221,221,221)" } }, { "title" : "标签颜色", "name" : "color", "description" : "标签颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(109,109,109)" } }, { "title" : "字体大小", "name" : "font-size", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 14, "max" : 30, "min" : 10 } }, { "title" : "坐标轴颜色", "name" : "coord-color", "description" : "坐标轴颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgba(0,0,0,0)" } }, { "title" : "文本旋转角度", "name" : "rotate", "description" : "文本旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "max" : 360, "min" : 0 } }, { "title" : "文本格式化", "name" : "formart", "description" : "文本格式化", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "不处理", "options" : [ { "label" : "2010/06/06", "value" : "YYYY/MM/DD" }, { "label" : "06/06", "value" : "MM/DD" }, { "label" : "2010年06月06日", "value" : "YYYY年MM月DD日" }, { "label" : "06月06日", "value" : "MM月DD日" }, { "label" : "不处理", "value" : "不处理" } ] } } ] }, { "title" : "y轴", "name" : "y", "description" : "y轴", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "分割线", "name" : "split", "description" : "分割线", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : true } }, { "title" : "分割线颜色", "name" : "color", "description" : "分割线颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(221,221,221)" } }, { "title" : "标签颜色", "name" : "label-color", "description" : "标签颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(109,109,109)" } }, { "title" : "字体大小", "name" : "font-size", "description" : "字体大小", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 14, "max" : 30, "min" : 10 } }, { "title" : "坐标轴颜色", "name" : "coord-color", "description" : "坐标轴颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgba(0,0,0,0)" } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "柱状图", "name" : "text", "description" : "柱状图", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 30 }, "model" : [ { "field" : "x", "mapping" : "", "status" : false, "description" : "类目" }, { "field" : "y", "mapping" : "", "status" : false, "description" : "数值" }, { "field" : "s", "mapping" : "", "status" : false, "description" : "系列" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e745e387fbf871664f42f19" }, "name" : "中国地图", "elName" : "c-chartmap", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 600, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 600, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "等级", "name" : "level", "description" : "等级", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "临界值", "name" : "point", "description" : "临界值", "type" : "y-input", "align" : "topToBottom", "showTitle" : false, "staticTitle" : false, "value" : { "value" : "0,10,100,500,1000,10000" } }, { "title" : "颜色值", "name" : "color", "description" : "颜色值", "type" : "y-input", "align" : "topToBottom", "showTitle" : false, "staticTitle" : false, "value" : { "value" : "#E1ECF5,#FEE7AC,#FAD1A6,#FFA17E,#FF6441,#E11E07" } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "中国地图", "name" : "text", "description" : "中国地图", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 30 }, "model" : [ { "field" : "name", "mapping" : "", "status" : false, "description" : "省级名称" }, { "field" : "value", "mapping" : "", "status" : false, "description" : "自定义数值" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e756e54f5a6ea46acd55a8c" }, "name" : "矩形边框", "elName" : "c-rectangle-border", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1, "min" : -1000, "max" : 1000 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "是否显示边框", "name" : "show-border", "description" : "是否显示边框", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : true } }, { "title" : "边框颜色", "name" : "border-color", "description" : "边框颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(125,150,150)" } }, { "title" : "边框样式", "name" : "border-style", "description" : "边框样式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "options" : [ { "label" : "实线", "value" : "solid" }, { "label" : "3D 凹槽边框", "value" : "groove" } ], "value" : "solid" } }, { "title" : "边框变形", "name" : "border-radius", "description" : "边框变形", "type" : "y-range", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "max" : 300, "min" : 0 } }, { "title" : "背景色", "name" : "backgroundColor", "description" : "背景色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(255,255,255)" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e75a9f5f5a6ea46acd55a8d" }, "name" : "滚动表格", "elName" : "c-scroll-form", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "显示行数", "name" : "lines", "description" : "显示行数", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 5, "min" : 2, "max" : 30 } }, { "title" : "行高", "name" : "style", "description" : "行高", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 46, "max" : 100, "min" : 10 } }, { "title" : "奇数行颜色", "name" : "odd", "description" : "奇数行颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(10,39,50)" } }, { "title" : "偶数行颜色", "name" : "even", "description" : "偶数行颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(0,59,81)" } }, { "title" : "动画执行时间(毫秒)", "name" : "time", "description" : "动画执行时间(毫秒)", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 3000, "max" : 6000, "min" : 1000 } }, { "title" : "滚动方式", "name" : "scroll", "description" : "滚动方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "single", "options" : [ { "label" : "单行", "value" : "single" }, { "label" : "整页", "value" : "page" } ] } }, { "title" : "表头背景颜色", "name" : "backgroundColor", "description" : "表头背景颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(0,186,255)" } }, { "title" : "表头高度", "name" : "header-height", "description" : "表头高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 50 } }, { "title" : "是否显示行号", "name" : "index", "description" : "是否显示行号", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : true } } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "滚动表格", "name" : "text", "description" : "滚动表格", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1 }, "model" : [  ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7ebd9a67a56657b8a4f462" }, "name" : "文本框", "elName" : "c-input", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 200, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 45, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "文本内容", "name" : "content", "description" : "文本内容", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7eca7c67a56657b8a4f463" }, "name" : "日期选择框", "elName" : "c-date", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 225, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 45, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "日期", "name" : "content", "description" : "日期", "type" : "y-date", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "", "format" : "YYYY-MM-DD" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7ecaaa67a56657b8a4f464" }, "name" : "下拉框", "elName" : "c-select", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 200, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 45, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "下拉框内容", "name" : "content", "description" : "下拉框内容", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "", "options" : [  ] } } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "下拉框", "name" : "text", "description" : "下拉框", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1000 }, "model" : [ { "field" : "label", "mapping" : "", "status" : false, "description" : "显示值" }, { "field" : "value", "mapping" : "", "status" : false, "description" : "绑定值" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7ed6a467a56657b8a4f465" }, "name" : "按钮", "elName" : "c-button", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 75, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 45, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "按钮内容", "name" : "content", "description" : "按钮内容", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "查询" } } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-thumb" }, "fields" : [ { "title" : "事件配置", "name" : "event", "description" : "事件配置", "type" : "event-edit", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : [  ] } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7edb4567a56657b8a4f466" }, "name" : "滚动图片", "elName" : "c-carousel", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "背景图", "name" : "image-src", "description" : "背景图", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图片地址", "name" : "image-src", "description" : "图片地址", "type" : "y-input", "align" : "topToBottom", "showTitle" : false, "staticTitle" : false, "value" : { "value" : "http://localhost:4000/upload_static/images/1585282743979.png", "prevIcon" : "el-icon-link", "height" : 20 } }, { "title" : "选择图片", "name" : "image-src", "description" : "选择图片", "type" : "select-image", "align" : "topToBottom", "showTitle" : false, "staticTitle" : false, "value" : { "value" : "value", "valueType" : "refer" } } ], "height" : "auto" }, { "title" : "超链接", "name" : "link", "description" : "超链接", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "链接地址", "name" : "link-text", "description" : "链接地址", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "", "prevIcon" : "el-icon-link", "height" : 20 } }, { "title" : "是否打开新窗口", "name" : "link-open", "description" : "是否打开新窗口", "type" : "y-checkbox", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : true } } ] } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "滚动图片", "name" : "text", "description" : "滚动图片", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1 }, "model" : [ { "field" : "imageSrc", "mapping" : "", "status" : false, "description" : "图片地址" }, { "field" : "link", "mapping" : "", "status" : false, "description" : "跳转地址" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7edea867a56657b8a4f467" }, "name" : "基本表格", "elName" : "c-base-form", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 650, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "基本表格", "name" : "text", "description" : "基本表格", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 1000, "paging" : { "pageIndex" : 1, "pageSize" : 10 } }, "model" : [  ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e7ee4ba67a56657b8a4f468" }, "name" : "面包屑", "elName" : "c-breadcrumb", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 20, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "显示行数", "name" : "lines", "description" : "显示行数", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 5, "min" : 2, "max" : 30 } } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "基本表格", "name" : "text", "description" : "基本表格", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 10 }, "model" : [ { "field" : "href", "mapping" : "", "status" : false, "description" : "页面链接" }, { "field" : "title", "mapping" : "", "status" : false, "description" : "导航标题" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
                ,{ "_id" : { "$oid" : "5e8082ee2f313525a034233a" }, "name" : "基本饼图", "elName" : "c-chartpie", "props" : [ { "info" : { "title" : "第一页", "iconClass" : "el-icon-s-operation" }, "fields" : [ { "title" : "图表尺寸", "name" : "width_height", "description" : "图表宽度", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "图表宽度", "name" : "chartWidth", "description" : "图表宽度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } }, { "title" : "图表高度", "name" : "chartHeight", "description" : "图表高度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : false, "value" : { "value" : 300, "min" : 0, "max" : 10000 } } ] }, { "title" : "图表位置", "name" : "x_y", "description" : "图表位置", "type" : "group", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "height" : "auto", "value" : [ { "title" : "x轴位置", "name" : "chartX", "description" : "x轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "y轴位置", "name" : "charty", "description" : "y轴位置", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "层级", "name" : "zindex", "description" : "层级", "type" : "y-input-number", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : 1 } } ] }, { "title" : "旋转角度", "name" : "rotate", "description" : "旋转角度", "type" : "y-input-number", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : 0, "min" : 0, "max" : 10000 } }, { "title" : "图例", "name" : "legend", "description" : "图例", "type" : "group", "align" : "topToBottom", "showTitle" : true, "staticTitle" : false, "value" : [ { "title" : "文本颜色", "name" : "text-color", "description" : "文本颜色", "type" : "y-input", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "rgb(0,0,0)" } }, { "title" : "图例样式", "name" : "lengend-style", "description" : "图例样式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "矩形", "options" : [ { "label" : "矩形", "value" : "矩形" }, { "label" : "圆形", "value" : "圆形" }, { "label" : "三角型", "value" : "三角型" }, { "label" : "线型", "value" : "线型" }, { "label" : "连字符", "value" : "连字符" } ] } }, { "title" : "排列方式", "name" : "sort", "description" : "排列方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "水平排列", "options" : [ { "label" : "水平排列", "value" : "水平排列" }, { "label" : "垂直排列", "value" : "垂直排列" } ] } }, { "title" : "对齐方式", "name" : "align", "description" : "对齐方式", "type" : "y-select", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : "下对齐", "options" : [ { "label" : "上对齐", "value" : "上对齐" }, { "label" : "上左对齐", "value" : "上左对齐" }, { "label" : "上右对齐", "value" : "上右对齐" }, { "label" : "下对齐", "value" : "下对齐" }, { "label" : "下左对齐", "value" : "下左对齐" }, { "label" : "下右对齐", "value" : "下右对齐" }, { "label" : "左对齐", "value" : "左对齐" }, { "label" : "左上对齐", "value" : "左上对齐" }, { "label" : "左下对齐", "value" : "左下对齐" }, { "label" : "右对齐", "value" : "右对齐" }, { "label" : "右上对齐", "value" : "右上对齐" }, { "label" : "右下对齐", "value" : "右下对齐" } ] } }, { "title" : "调色板", "name" : "color-picker", "description" : "调色板", "type" : "color-edit", "align" : "leftToRight", "showTitle" : true, "staticTitle" : false, "value" : { "value" : [ "#5B8FF9", "#5AD8A6", "#5D7092", "#F6BD16", "#E86452" ] } } ], "height" : "auto" } ] }, { "info" : { "title" : "第二页", "iconClass" : "el-icon-aim" }, "fields" : [ { "title" : "基本饼图", "name" : "text", "description" : "基本饼图", "type" : "edit-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer", "dataJson" : { "json" : "", "dataType" : "static", "data" : { "sql" : "", "connectionSourceId" : "", "staticJson" : "", "limit" : 30 }, "model" : [ { "field" : "item", "mapping" : "", "status" : false, "description" : "类目" }, { "field" : "count", "mapping" : "", "status" : false, "description" : "数值" }, { "field" : "percent", "mapping" : "", "status" : false, "description" : "比例" } ], "isRefresh" : false, "refreshInterval" : 5 } } }, { "title" : "设置数据源", "name" : "data-source", "description" : "设置数据源", "type" : "config-source", "align" : "topToBottom", "showTitle" : true, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } }, { "title" : "数据响应结果(只读)", "name" : "response-data", "description" : "数据响应结果", "type" : "response-data", "align" : "topToBottom", "showTitle" : false, "staticTitle" : true, "value" : { "value" : "dataJson", "valueType" : "refer" } } ] } ] }
            ]
            let dynamicConfig = Arr.find(item => item.name === title)
            dynamicConfig.uuid = createUUID()
            dynamicConfig.props[0].fields[1].value[0].value.value = 0
            dynamicConfig.props[0].fields[1].value[1].value.value = 0
            this.$store.dispatch('addElement', dynamicConfig)
            return
            this.$axios.post('/componentconfig/detail', {name: title})
             .then((res) => {
                 if(res.code === 200){
                     let dynamicConfig = res.body
                     dynamicConfig.uuid = createUUID()
                     dynamicConfig.props[0].fields[1].value[0].value.value = 0
                     dynamicConfig.props[0].fields[1].value[1].value.value = 0
                     this.$store.dispatch('addElement', dynamicConfig)
                 }
             })
             .catch(e =>{
                 console.warn(e.message)
             })
        }
    }
}
</script>

<style lang="stylus">
    .panel{
        z-index: 100;
        color: #bcc9d4;
        font-size: 12px;
        background: rgb(29,33,38);
        display: flex;
        flex-direction: column;
        width: 310px;
        .panel-header{
            display: flex;
            height: 40px;
            align-items: center;
            background: rgb(46,52,60);
            .panel-header_title{
                
            }
        }
        .panel-group{
            padding: 5px;
        }
        .panel-controls_wrap{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 5px;
            width: 100%;
            font-size: 12px;
            .panel-controls_item{
                 display: flex;
                 flex-direction: column;
                 width: 75px;
                 height: 80px;
                 margin-bottom: 6px;
                 background: rgb(24,26,28);
                 cursor: pointer;
                 .panel-controls_img{
                     height: 58px;
                 }
                 .panel-controls_title{
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     height: 22px;
                     
                 }
            }
        }
    }
    .ui-select{
        background: rgb(14,16,19);
    }
</style>